<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.直接在浏览器地址栏上输入URL -->
    <!-- 2.超链接 -->
    <a href="https://www.baidu.com/">超链接</a>
    <!-- 3.form 表单提交 -->
    <form action="https://www.baidu.com/">
        <input type="submit" value="表单提交">
    </form>
    <!-- 4.通过js代码发送请求 -->
    <button class="btn">通过js代码发送请求</button>

    <!-- 传统请求发送的缺点 -->
    <!-- 1.发送完请求会跳转新的页面,如果用户在原网页有数据未保存,那么就会造成数据丢失 -->
    <!-- 2.传统请求像是单线程,在请求没有完成时是不能做其他操作的 -->

    <!-- Ajax请求 -->
    <!-- 可以只刷新原页面里面的一小部分页面,原页面数据不会丢失 -->
    <!-- 可以发送异步请求,类似于多线程并发
        比如按钮1在进行Ajax请求时,同一页面的按钮2也可以再次点击进行Ajax请求,互不干扰 -->
    <!-- 通过 XMLHttpRequest 对象实现的 -->

</body>
<script>
    var btn = document.querySelector('.btn')
    btn.addEventListener('click',function(){
        document.location.href="https://www.baidu.com/"
    })
</script>
</html>